<template>
  <div id="cueMsg">
      <div class="msg">
          <img src="../../assets/tabber/rubb.png" alt="">
          <p>XX成功！</p>
          <p><span>3</span>秒后为您自动跳转</p>
      </div>
      <router-link to="/homePage" style="text-decoration:none;"><p class="define"style="">确定</p></router-link>
  </div>
</template>
<script>
export default {
  data () {
    return {
    }
  },
  created(){
      setTimeout(()=>{
          this.$router.push({path:'/homePage'})
      },3000)
  },
  methods:{
  }
}
</script>
<style>
#cueMsg .msg{
    margin-top:25%;
    text-align:center;
    background-size:100% 100%;
    background-image:url(../../assets/tabber/msg.png);
}
#cueMsg .msg > img{
    height:5rem;
    margin-top:1.25rem;
}
#cueMsg .msg > p{
  line-height:5rem;
  color:#888888;
  font-size:0.7rem;
}
#cueMsg .msg > p:nth-child(2){
    color:#29a193;
    font-size:1rem;
}
#cueMsg .define{
  height:2.5rem;
  line-height:2.5rem;
  width:6rem;
  text-align:center;
  color:#fff;
  margin:3rem auto;
  background:#29a193;
  border-radius:13px;
}
</style>